<template>
  <div class="">
    <div>
      <img
        src="~@/assets/images/logo/openants.png"
        style="width: 130px;height: 50px"
        alt=""
      />
      <el-menu
        :default-active="String(this.$store.state.twoMenu.oneIndex)"
        class="el-menu-vertical-demo"
        text-color="#fff"
        background-color="#26303b"
        active-text-color="#FB6638"
      >
        <el-menu-item
          class="menu-item"
          :index="String(index)"
          v-for="(item, index) in oneManu"
          :key="index"
          @click="onClick(index, item.lable, item.twoMenu, item.path)"
        >
          <i :class="item.icon" style="font-size: 16px"></i>
          <span slot="title" style="font-size: 12px">{{ item.lable }}</span>
        </el-menu-item>
        <!--        <el-menu-item index="2" class="active-menu-item">-->
        <!--          <i class="el-icon-menu"></i>-->
        <!--          <span slot="title">设置</span>-->
        <!--        </el-menu-item>-->
      </el-menu>
    </div>
  </div>
</template>

<script>
export default {
  name: "MyAside",
  props: {
    oneManu: Array
  },
  methods: {
    // 方法
    onClick(index, lable, twoMenu, path) {
      this.$emit("click", {
        index: index,
        oneName: lable,
        twoMenu: twoMenu,
        path: path
      });
    }
  }
};
</script>

<style scoped></style>
